<div class="alert alert-success" align="center" style="font-size: xx-large">ACCOUNT</div>

  <form ng-submit="store()">
        <table class="table" style="width: inherit;margin-left: 200px;">
        <tbody>
            <tr>
                <td align="right">
                    <label for="firstname" class="control-label" style="padding:inherit;" >Name</label>
                </td>
                <td>
              <input type="text" name="fname" ng-model="simpleData.name" id="name" class="form-control" style="width:500px;">
                </td>
            </tr>
            <tr>
                <td align="right">
                    <label for="no" class="control-label" style="padding:inherit;" >No</label>
                </td>
                <td>
                    <input type="tel" name="phone" ng-model="simpleData.phone" id="phone" class="form-control" style="width:150px;">
                </td>
            </tr>
            <tr>
                <td align="right">
                    <label for="email" class="control-label" style="padding:inherit;" >Email</label>
                </td>
                <td>
                    <input type="email" name="email" ng-model="simpleData.email" style="width:300px;"  class="form-control">
                </td>
            </tr>
        </tbody> 
    </table>
    <div style="margin-left: 300px";>
                    <button type="submit" class="btn btn-primary">
                            Add
                    </button>
                    
                    <button type="button" ng-show="edit" ng-click="editmain(simpleData._id)" class="btn btn-primary">
                            Edit 
                    </button>
</div>
</form>


<!-- hide these comments if the loading variable is true -->
  <!-- <div  ng-hide="loading"  ng-repeat="simple in simples"> -->    
  
    <br><br>
    <div  ng-hide="loading" style="margin-left: 200px";>
    <table class="table">
        <thead>
          <tr>
            <td>Name</td>
            <td>Phone</td>
            <td>Email</td>
          </tr>
        </thead>
        <tbody ng-repeat="simple in simples">
        <tr ng-class-odd="'odd'" ng-class-even="'even'">
            
                <td ng-click="editSimple(simple._id)"><!-- <input type="text" name="fname"> -->
                            {{ simple.name }}
                </td>
                <td>
                            {{ simple.phone }}
                </td>
                <td>
                            {{ simple.email }}
                </td>
                <td>
                    <button type="button" ng-click="editSimple(simple._id)" class="btn btn-primary">
                            Show
                    </button>                  
                </td>
                <td>
                    <button type="button" ng-click="deleteSimple(simple._id)" class="btn btn-primary">
                            Delete
                    </button>
                </td>
            </tr>
        
        </tbody>
    </table>
  </div>


